{% extends 'bootstrap/base.html' %}


{% block title %}
    任务清单列表
{% endblock %}
{% block content %}
    <div class="container">
        <div class="row">
            <div class="col-lg-10 col-lg-offset-1">
                <table class="table table-hover">
                    <tr>
                        <th>编号</th>
                        <th>任务内容</th>
                        <th>任务创建时间</th>
                        <th>状态</th>
                        <th>其他</th>
                    </tr>
                    {% for todo in todosObj.items %}
                        <tr>
                            <td>{{ todo.id }}</td>
                            <td>{{ todo.content }}</td>
                            <td>{{ todo.add_time }}</td>
                            <td>
                                {% if todo.status %}
                                    已完成
                                {% else %}
                                    未完成
                                {% endif %}

                            </td>
                            <td>
                                <ul>
                                    <li>编辑</li>
                                    <li>删除</li>
                                </ul>
                            </td>
                        </tr>

                    {% endfor %}


                </table>

                {% if todosObj.has_prev %}
                    <a href="{{ url_for('todo.list') }}?page={{ todosObj.prev_num }}">上一页</a>
                {% endif %}
                {% for i in todosObj.iter_pages() %}
                    <a href="{{ url_for('todo.list') }}?page={{ i }}">

                        {% if i %}
                            {{ i }}

                        {% else %}
                            ...
                        {% endif %}
                    </a>
                {% endfor %}
                {% if todosObj.has_next %}
                    <a href="{{ url_for('todo.list') }}?page={{ todosObj.next_num }}">下一页</a>
                {% endif %}


            </div>
        </div>
    </div>
{% endblock %}